.product_list{
	height: 100%;
	display: flex;
	flex-direction: column;
	height: 100%;
	.product_menu{
		flex: 1;
		min-height: 0;
		margin: 0 20px;
		:deep(.el-collapse-item__wrap){
			border-bottom: 0;
		}
		:deep(.el-collapse){
			// /padding: 0 20px;
			padding-top: 5px;
			border-bottom:0;
			border-top:0;
			.product_title{
				font-weight: 500;
				font-size: 13px;
				color: #303133;
				line-height: 18px;
			}
			.product_item{
				padding: 9px 20px;
				width: 100%;
				line-height: 18px;
				cursor: pointer;
				margin-bottom: 1;
				box-sizing: border-box;
				margin-bottom: 6px;
				&:hover{
					background: var(--el-color-primary-light-9);
					border-radius: 2px;
				}
				&.active{
					background: var(--el-color-primary);
					color: #fff;
					border-radius: 2px;
				}
			}
			.is-active{
				.product_title{
					color: var(--el-color-primary);
				}
			}
			
		}
	}
}
.top_msg{
	text-align: center;
	position:relative;
	//padding-bottom: 20px;
	.top_border{
		margin: 0 20px;
		height: 1px;
		background-color: #E6E6EE;
	}
	.fixed_box{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: linear-gradient( 180deg, var(--el-color-primary-light-9) 0%, rgba(255,255,255,0) 100%);
		height: 172px;
	}
	.top_title{
		font-weight: 500;
		font-size: 18px;
		color: #303133;
		line-height: 25px;
		letter-spacing: 1px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.top_desc{
		.top_val{
			font-weight: 400;
			font-size: 12px;
			color: #646567;
			line-height: 17px;
			margin-bottom: 8px;
			&:last-child{
				margin-bottom: 0px;
				padding-bottom: 15px;
			}
		}
	}
	.el-image {
		width: 120px;
		height: 120px;
		border-radius:50%;
		margin-top: 20px;
		.el-image__error {
			font-size: 12px;
		}
	}
} 
:deep(.el-collapse-item__header){
	border-bottom: none;
}
:deep(.el-collapse-item__arrow){
	margin-right: 0;
}
